<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
<title>美美说</title>
<link rel="stylesheet" type="text/css" href="./Public/Home/css/font.css"/>
<link rel="stylesheet" type="text/css" href="./Public/Home/css/mycss.css"/>	
<link rel="stylesheet" type="text/css" href="./Public/Home/css/detail.css"/>
<link rel="stylesheet" type="text/css" href="./Public/Home/css/mls_detail.css"/>
<script src="./Public/Home/js/jquery.min.js"></script>
<script src="./Public/Home/js/detail.js" type="text/javascript" charset="utf-8"></script>

</head>
<body>
<div id="header">
	<div class="center">
		<ul>
			
			<li><a href="">登录</a></li>
			<li><a href="">注册</a></li>
			<li><a href=""><i class="iconfont" style="color: rgb(255,102,153);">&#xe604;</i> 我的购物车</a></li>
			<li><a href=""><i class="iconfont" style="color:#666">&#xe602;</i> 我的订单</a></li>
			<li><a href="">客户服务</a></li>
			<!--<li><a href="">商家后台</a></li>-->
		</ul>
		
	</div>
	
</div>	

<!-- 店铺公共头部-店铺信息 end -->	
<a class="a_cont" href=""></a>
<div class="mod_item">
    <div class="topNav">
        <ol class="clearfix">
            <li><a href="">首页</a></li>
            <li class="all"><a href="">全部商品</a></li>
            <li><a href="">8月5日新品9折区</a></li>
            <li><a href="">折扣专区</a></li>
            <li><a href="">店铺热销</a></li>
            <li><a href="">经典小礼服</a></li>
            <li><a href="">衣裤单品</a></li>
            <li><a href="">精美套装</a></li>
            <li><a href="">高端订制</a></li>
            <li><a href="">手工配饰</a></li>
        </ol>
        <!--下面这个显示需要js-->
        <div class="category_list slideer" style="display: none;">
            <dl>
                <dd><a href="">店铺热销</a></dd>
                <dd><a href="">折扣专区</a></dd>
                <dd><a href="">一字领连衣裙</a></dd>
                <dd><a href="">精美套装</a></dd>
                <dd><a href="">手工配饰</a></dd>
                <dd><a href="">高端订制 </a></dd>
                <dd><a href="">经典小礼服</a></dd>
                <dd><a href="">度假连衣裙</a></dd>
                <dd><a href="">8月5日新品9折区</a></dd>
                <dd><a href="">衣裤单品</a></dd>
                <dd><a href="">绣花连衣裙</a></dd>
            </dl>
        </div>
    </div>
</div>
<!--商品照片展示-->
<div class="shop-detail">
	<div class="detail-primary clearfix">
	<div class="primary-goods" >
	    <div class="clearfix">
	        <div class="fl goods-info goods-info-normal" id="J_GoodsInfo">
	            <div class="info-box">
	                <h1 class="goods-title">
	                    <span itemprop="name">{{$goods['gname']}}</span>
	                </h1>
	                <div class="goods-prowrap goods-main">
	                    <div class="clearfix main-box">
	                        <dl class="clearfix property-box">
	                            <dt class="property-type property-type-origin">价格：</dt>
	                            <dd class="property-cont property-cont-origin">
	                                <span id="J_OriginPrice" class="price">¥{{$goods['marketprice']}}</span>
	                            </dd>
	                        </dl>
	                        <dl class="clearfix property-box">
	                            <dt class="property-type property-type-now">促销价 ：</dt>
	                            <dd class="property-cont property-cont-now fl">
	                                <span id="J_NowPrice" class="price">¥{{$goods['shopprice']}}</span>
	                            </dd>
	                            <dd class="property-extra fr">
	                                <span class="mr10">评价：<span class="num">13</span></span>
	                                <span>累计销量：<span class="num J_SaleNum">88</span></span>
	                            </dd>
	                        </dl>
	                        <div id="J_ModulePromotions">
	                            <dl class="clearfix promotions-box">
	                                <dt>店铺优惠：</dt>
	                                <dd class="clearfix">
	                                    <div class="module-promotions clearfix">
	                                        <!-- 店铺优惠列表 -->
	                                        <div class="promotion-box">
	                                            <span class="info shopPromotion-info"> 暂无优惠活动</span>
	                                        </div>
	                                        <!-- 满包邮 -->
	                                    </div>
	                                </dd>
	                            </dl>
	                        </div>
	                    </div>
	                </div>
	                <div class="goods-prowrap goods-im">
	                    <dl class="clearfix">
	                        <dt>客服：</dt>
	                        <dd>
	                            <div class="mlstalk_widget_btn" style="cursor:pointer">联系客服</div>
	                        </dd>
	                    </dl>
	                </div>
	                <div class="goods-prowrap goods-sku" id="J_GoodsSku">
	                    <div class="content">
	                        <div class="pannel-title">
	                            <span class="choose-goods-info">选择商品信息</span>
	                            <b class="J_PannelClose pannel-close"></b>
	                        </div>
	                        <div class="box">
	                            <dl class="style clearfix" style="display: block;">
	                                <dt>款式： </dt>
	                                <dd>
	                                    <ol class="J_StyleList style-list clearfix">
	                                        <li class="img c" title="图色">
	                                            <img src="http://d01.res.meilishuo.net/pic/_o/b3/82/0f943a96aa38808f80e70a14aa43_640_840.ch.jpg">
	                                            <b></b>
	                                        </li>
	                                        <li class="img" title="图色">
	                                            <img src="http://d01.res.meilishuo.net/pic/_o/b3/82/0f943a96aa38808f80e70a14aa43_640_840.ch.jpg">
	                                            <b></b>
	                                        </li>
	                                    </ol>
	                                </dd>
	                            </dl>
	                            <dl class="size clearfix" style="display: block;">
	                                <dt>尺码：</dt>
	                                <dd>
	                                    <ol class="J_SizeList size-list clearfix">
	                                        <li class="" data-id="100" title="S">S</li>
	                                        <li class="" data-id="101" title="M">M</li>
	                                        <li class="" data-id="102" title="L">L</li>
	                                    </ol>
	                                </dd>
	                            </dl>
	                            <dl class="clearfix">
	                                <dt>数量：</dt>
	                                <dd class="num clearfix">
	                                    <div id="J_GoodsNum" class="goods-num fl" data-stock="593">
	                                        <span class="num-reduce num-disable"></span>
	                                        <input class="num-input" type="text" value="1">
	                                        <span class="num-add "></span>
	                                    </div>
	                                    <div class="J_GoodsStock goods-stock fl">库存{{$goods['gnumber']}}件</div>
	                                </dd>
	                            </dl>
	                        </div>
	                        <div class="pannel-action">
	                            <a href="" class="J_PannelOK pannel-ok">确认</a>
	                        </div>
	                    </div>
	                    <div class="goods-buy clearfix">
	                        <a href="" id="J_BuyNow" class="fl mr10 buy-btn buy-now">立刻购买</a>
	                        <input type="hidden" value="nodapei" id="dapeiShow">
	                        <a href="" id="J_BuyCart" class="fl mr10 buy-cart buy-btn">加入购物车</a>
	                    </div>
	                </div>
	                <div class="goods-social clearfix">
	                    <div class=" fav  item" goodsid="0" tradeitemid="1em9qvu" tid="0">
	                        <b></b>
	                        <span class="fav-num">814</span>
	                    </div>
	                    <div class="share item">
	                        <b></b>分享
	                        <div class="share-w clearfix" style="display: none;">
	                            <a target="_blank" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://item.meilishuo.com/detail/1em9qvu&amp;title=&amp;"
	                            class="forqzone" title="关注QQ空间" rel="nofollow">
	                            </a>
	                            <a target="_blank" href="http://widget.renren.com/dialog/share?resourceUrl=http://item.meilishuo.com/detail/1em9qvu&amp;title=&amp;"
	                            class="forrenren" title="关注人人" rel="nofollow">
	                            </a>
	                          
	                            <a target="_blank" href="http://www.mogujie.com/group/topic/1grvy/" class="forweixin"
	                            title="关注微信" rel="nofollow">
	                            </a>
	                        </div>
	                    </div>
	                </div>
	                <div class="goods-extra clearfix">
	                    <div class="extra-services">
	                        <div class="fl clearfix label">服务承诺：</div>
	                        <ul class="fl clearfix list">
	                            <li class="item">
	                                <span class="link">
	                                    <img src="http://s2.mogucdn.com/p1/150923/upload_ieztcoldmvsdmztdgmzdambqgyyde_24x24.png"
	                                    width="24" height="24">退货补运费
	                                </span>
	                            </li>
	                            <li class="item">
	                                <span class="link">
	                                    <img src="http://s2.mogucdn.com/p1/150923/upload_ieywiobrmfsdmztdgmzdambqmeyde_24x24.png"
	                                    width="24" height="24">7天无理由退货
	                                </span>
	                            </li>
	                            <li class="item">
	                                <span class="link">
	                                    <img src="http://s2.mogucdn.com/p1/160618/upload_ie4dqzjrmqzdoojthezdambqgiyde_24x27.png"
	                                    width="24" height="24">先行赔付
	                                </span>
	                            </li>
	                            <li class="item">
	                                <span class="link">
	                                    <img src="http://s2.mogucdn.com/p1/150923/upload_iezgeolcmnsdmztdgmzdambqmmyde_24x24.png"
	                                    width="24" height="24">72小时发货
	                                </span>
	                            </li>
	                        </ul>
	                    </div>
	                    <div class="extra-pay">
	                        <div class="fl clearfix label">支付方式：</div>
	                        <div class="fl list list-nomaibei"></div>
	                    </div>
	                </div>
	            </div>
	        </div>
	        <div class="fl goods-topimg" id="J_GoodsImg">
	            <div class="big-img">
	                <button class="middle">
	                    <img id="J_BigImg" src="{{$goods['big'][0]}}" width="400">
	                </button>
	            </div>
	            <div id="J_SmallImgs" class="small-img">
	                <div class="box">
	                    <div class="list">
	                        <ul class="clearfix" style="text-align: center;">
	                            {{foreach from="$goods['small']" value="$v"}}
	                            <li class="c">
	                                <img src="{{$v}}">
	                                <i></i>
	                            </li>
	                            {{endforeach}}
	                            
	                        </ul>
	                    </div>
	                </div>
	                <a class="left-btn arrow-btn" href=""></a>
	                <a class="right-btn arrow-btn" href=""></a>
	            </div>
	        </div>
	    </div>
	</div>
	
	<!--右边热卖推荐-->
	<div class="primary-slide">
	    <div class="goods-recommend" id="J_ModuleLook">
	        <!-- 热卖推荐 -->
	        <p class="title">
	            <s></s>
	            <span>热卖推荐 </span>
	        </p>
	        <div class="list">
	            <div class="box">
	                <ul>
	                    <li>
	                        <a href="" target="_blank">
	                            <img src="http://d01.res.meilishuo.net/pic/_o/50/61/dcfbc565e03a369e13956cc8cb7e_640_840.ch.jpg_08c14cfd_s1_320_999.jpg" width="120">
	                        </a>
	                        <span>￥379.00</span>
	                    </li>
	                    <li>
	                        <a href="" target="_blank">
	                            <img src="http://d01.res.meilishuo.net/pic/_o/50/61/dcfbc565e03a369e13956cc8cb7e_640_840.ch.jpg_08c14cfd_s1_320_999.jpg" width="120">
	                        </a>
	                        <span>￥379.00</span>
	                    </li>
	                    <li>
	                        <a href="" target="_blank">
	                            <img src="http://d01.res.meilishuo.net/pic/_o/50/61/dcfbc565e03a369e13956cc8cb7e_640_840.ch.jpg_08c14cfd_s1_320_999.jpg" width="120">
	                        </a>
	                        <span>￥379.00</span>
	                    </li>
	                </ul>
	            </div>
	        </div>
	    </div>
	</div>
	<!--end右边热卖推荐-->
	</div>
	
	<!--宝贝下方评价详情区-->
	<div class="detail-content ">
	    <!-- 顶部 -->
	    <div class="col-top">
	        <!-- 搭配购 -->
	        <div class="module-dapei" id="J_ModuleDapei"></div>
	    </div>
	    <!-- 主体 -->
	    <div class="col-main">
	        <!-- 模块标签页 -->
	        <div class="module-tabpanel" id="J_ModuleTabpanel">
	            <!-- 选项栏 -->
	            <div class="tabbar-box">
	                <ul class="tabbar-list clearfix">
	                    <li data-panels="graphic,recommend" data-hasnav="true" class="tab-graphic selected">
	                        <a href="javascript:;">商品详情</a>
	                    </li>
	                    <li data-panels="rates" data-hasnav="false">
	                        <a href="javascript:;">累计评价<em>13</em></a>
	                    </li>
	                    <li data-panels="recommend" data-hasnav="false">
	                        <a href="javascript:;">本店同类商品</a>
	                    </li>
	                    <li class="qrcode">
	                        <div class="qrcode-togger">手机扫码下单</div>
	                        <div class="qrcode-pic">
	                            <img src="http://www.mogujie.com/trade/item_detail/qrcode?url=http%3A%2F%2Fweixin.meilishuo.com%2Fwx%2Fdetail%2F1em9qvu">
	                        </div>
	                        <i class="qrcode-mini"></i>
	                        <i class="qrcode-arrow"></i>
	                    </li>
	                </ul>
	            </div>
	            <div class="tabbar-bg ui-hide">
	                <div class="bg-right"></div>
	                <div class="bg-left"></div>
	            </div>
	            <div class="tabbar-occupying ui-hide">
	            </div>
	            <!-- 选项页 -->
	            <div class="panel-box">
	                <!-- 图文详情 -->
	                <div class="module-panel module-graphic" id="J_ModuleGraphic">
	                   {{$goods['intro']}}
	                </div>
	                <!-- 累计评价 -->
	                <div class="module-panel module-rates ui-none" id="J_ModuleRates">
	                    <!-- 买家评价 -->
	                    <div id="J_RatesBuyer">
	                        <div class="panel-title rates-title">
	                            <h1>买家评价</h1>
	                        </div>
	                        <!-- 买家评价 -->
	                        <div class="rates-buyer">
	                            <!-- 评价分数 -->
	                            
	                        </div>
	                    </div>
	                    <!-- 成交记录 -->
	                    <div id="J_RatesOrder">
	                        
	                    </div>
	                </div>
	                <!-- 本店同类商品 -->
	                <div class="module-panel module-recommend" id="J_ModuleRecommend">
	                    <!-- 本店同类商品 -->
	                    
	                    <!-- 本店同类商品列表 -->
	                    
	                </div>
	            </div>
	        </div>
	    </div>
	    <!-- 侧边栏 -->
	    <div class="col-sidebar">
	        <!-- 店铺模块 -->
	        
	        <!-- 分类模块 -->
	        <div class="module-classify" id="J_ModuleClassify">
	            <!-- 分类信息 -->
	            <div class="ui-box classify-info">
	                <h3 class="ui-hd">本店分类</h3>
	                <div class="ui-bd">
						<!--列表-->
						<ul class="classify-list">
							<li><a href="">全部商品</a></li>
							<li><a href="">店铺热销</a></li>
							<li><a href="">精美套装</a></li>
							<li><a href="">手工配饰</a></li>
							<li><a href="">高端订制</a></li>												
						</ul>
					</div>
	            </div>
	        </div>
	        <!-- 看了又看模块 -->
	        
	    </div>
	    <!-- 扩展栏 -->
	    <div class="col-extra">
	        
	        <!-- 右侧子导航模块 -->
	        <div class="module-extranav" id="J_ModuleExtranav">
	            <!-- 主体 -->
	            <div class="extranav-bd">
	                <!-- 模块-扩展导航栏 -->
	                <!-- 子导航列表 -->
	                <ul class="extranav-list">
	                    <!-- 商品描述 -->
	                    <!-- 产品参数 -->
	                    <li data-module="J_Graphic_产品参数" class="selected">
	                        <a href="javascript:;">产品参数 </a>
	                    </li>
	                    <!-- 模块列表 -->
	                    <li data-module="J_Graphic_商品实拍" class="">
	                        <a href="javascript:;">商品实拍 </a>
	                    </li>
	                    <li data-module="J_Graphic_店铺介绍" class="">
	                        <a href="javascript:;">店铺介绍</a>
	                    </li>
	                   
	                    <!-- 尺码说明 -->
	                    <li data-module="J_Graphic_尺码说明" class="">
	                        <a href="javascript:;">尺码说明</a>
	                    </li>
	                    <!-- 本店同类商品 -->
	                    <li data-module="J_RecommendList" class="">
	                        <a href="javascript:;">商品推荐 </a>
	                    </li>
	                </ul>
	            </div>
	        </div>
	    </div>
	</div>
	
	
</div>

<!--end商品照片展示-->
</body>
</html>
